import React from "react";
import { Form, Input, Radio, Button, Card } from "antd";
import "./index.less";

const { TextArea } = Input;

const Pg5: React.FC = () => {
  const [form] = Form.useForm();

  return (
    <div className="pg5-container" data-oid="2gkk4a4">
      <Card className="pg5-card" data-oid="oqah93k">
        <h2 data-oid="c4mlwwm">重要业务系统投产规划</h2>

        <Form
          form={form}
          layout="horizontal"
          className="pg5-form"
          data-oid="5ykj4hd"
        >
          <div className="pg5-section" data-oid="ww:v.np">
            <h3 data-oid="sv_i1a3">基本信息</h3>

            <Form.Item
              name="system"
              label="重要业务系统"
              labelCol={{ span: 6 }}
              data-oid=":0xpuwt"
            >
              <Input
                id="system"
                defaultValue="LV01.11测试系统-01"
                data-oid="rlr2vr5"
              />
            </Form.Item>

            <Form.Item
              name="time"
              label="投产计划实施时间"
              labelCol={{ span: 6 }}
              data-oid="jmsmr41"
            >
              <Input
                id="time"
                defaultValue="2025.05.01 - 2025.06.30"
                data-oid="bkno-j8"
              />
            </Form.Item>

            <Form.Item
              name="isReported"
              label="本期是否申报投产规划"
              labelCol={{ span: 6 }}
              data-oid="duy8.fl"
            >
              <Radio.Group defaultValue="report" data-oid="0k.l28.">
                <Radio.Button value="report" data-oid=":7kb92u">
                  申报投产规划
                </Radio.Button>
                <Radio.Button value="noReport" data-oid="mzgbm76">
                  无需申报投产规划
                </Radio.Button>
              </Radio.Group>
            </Form.Item>

            <Form.Item
              name="contact"
              label="投产联系人"
              labelCol={{ span: 6 }}
              data-oid="zylhc3k"
            >
              <Input
                id="contact"
                defaultValue="朱文熙/YC02753"
                data-oid="3ath5dr"
              />
            </Form.Item>
          </div>

          <div className="pg5-section" data-oid="xy.ikw4">
            <Form.Item
              name="content"
              label="投产内容"
              labelCol={{ span: 6 }}
              data-oid="sxt7hoy"
            >
              <TextArea
                id="content"
                rows={4}
                placeholder="这是测试的你"
                data-oid="dgj8mi1"
              />
            </Form.Item>

            <Form.Item
              name="analysis"
              label="业务影响分析"
              labelCol={{ span: 6 }}
              data-oid="cpm9.lu"
            >
              <TextArea
                id="analysis"
                rows={4}
                placeholder="这是测试的你"
                data-oid="g-vt08x"
              />
            </Form.Item>

            <Form.Item
              name="other"
              label="其他说明"
              labelCol={{ span: 6 }}
              data-oid=":tf-818"
            >
              <TextArea id="other" rows={4} placeholder="" data-oid="losniuu" />
            </Form.Item>
          </div>

          <div className="pg5-actions" data-oid="ie767ww">
            <Button type="default" data-oid="s6zf3cl">
              关闭
            </Button>
          </div>
        </Form>
      </Card>
    </div>
  );
};

export default Pg5;
